<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>传智健康(个人中心)</title>
    <link rel="stylesheet" href="../css/page-health-index.css"/>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div class="contentBox">
    <div id="app">
        <el-form ref="form" :model="form" label-width="100px">
            <el-form-item label="信息详情" align="center">

            </el-form-item>
            <el-form-item label="用户名">
                <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="性别">
                <el-radio-group v-model="form.resource">
                    <el-radio label="男"></el-radio>
                    <el-radio label="女"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="手机号">
                <el-input v-model="form.phoneNum"></el-input>
            </el-form-item>
            <el-form-item label="身份证号码">
                <el-input v-model="form.IDCard"></el-input>
            </el-form-item>
            <el-form-item label="生日">
                <el-input v-model="form.birthday"></el-input>
            </el-form-item>
            <el-form-item label="邮箱">
                <el-input v-model="form.email"></el-input>
            </el-form-item>
            <el-form-item label="注册日期">
                <el-input v-model="form.regDate"></el-input>
            </el-form-item>


            <el-form-item>
                <el-button type="primary" @click="onSubmit">修改个人信息</el-button>
                <el-button>取消</el-button>
            </el-form-item>
        </el-form>
    </div>

</div>
</body>
<script>

    var vue = new Vue({
        el: '#app',
        data() {
            return {
                form: {
                    name: '',
                    sex: '',
                    phoneNum: '',
                    IDCard: '',
                    birthday: '',
                    email: '',
                    regDate: '',

                    type: [],
                    resource: '男',

                }
            }
        },
        methods: {
            onSubmit() {
                console.log('submit!');
            }
        }


    });

</script>
</html>